<template>
  <div>
<el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item>管理权限</el-breadcrumb-item>
  <el-breadcrumb-item>角色列表</el-breadcrumb-item>
</el-breadcrumb>
<el-card>
    <el-button type="danger">添加人员</el-button>
    <el-table
      :data="goodsList">
      <el-table-column
        prop="cat_name"
        label="家电类">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
</el-card>
      
  </div>
</template>

<script>
export default {
    data() {
        return {
            goodsList:[]
        }
    },
    methods: {
           async getgoodsList(){
               const {data:res}=await this.$http.get('categories')
               this.goodsList=res.data

            }
    },
    mounted(){
        this.getgoodsList()
    }
}
</script>

<style>

</style>